<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base target="_self" />
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<title>批量材料信息</title>

<link rel="stylesheet" type="text/css"
	href="<c:url value="/static/jquery-jqplot/jquery.jqplot.css"/>" />
<link rel="stylesheet" type="text/css"
	href="<c:url value="/static/jquery-jqplot/examples/examples.css"/>" />
<script language="javascript" type="text/javascript"
	src="<c:url value="/static/jquery-jqplot/jquery-1.4.2.min.js"/>"></script>

<script language="javascript" type="text/javascript"
	src="<c:url value="/static/jquery-jqplot/jquery.jqplot.js"/>"></script>
<script language="javascript" type="text/javascript"
	src="<c:url value="/static/jquery-jqplot/plugins/jqplot.cursor.js"/>"></script>
<script language="javascript" type="text/javascript"
	src="<c:url value="/static/jquery-jqplot/plugins/jqplot.dateAxisRenderer.js"/>"></script>
<script language="javascript" type="text/javascript"
	src="<c:url value="/static/jquery-jqplot/plugins/jqplot.canvasTextRenderer.js"/>"></script>
<script language="javascript" type="text/javascript"
	src="<c:url value="/static/jquery-jqplot/plugins/jqplot.categoryAxisRenderer.js"/>"></script>
<script language="javascript" type="text/javascript"
	src="<c:url value="/static/jquery-jqplot/plugins/jqplot.pieRenderer.js"/>"></script>
<script language="javascript" type="text/javascript"
	src="<c:url value="/static/jquery-jqplot/plugins/jqplot.barRenderer.js"/>"></script>
<script language="javascript" type="text/javascript"
	src="<c:url value="/static/jquery-jqplot/plugins/jqplot.canvasAxisTickRenderer.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/static/js/common.js"/>"></script>
<script language="javascript" type="text/javascript" 
    src="<c:url value="/static/jquery-jqplot/plugins/jqplot.pieRenderer.js"/>"></script>

<style type="text/css">
    #code {
        font: 10pt "Andale Mono", Monaco, "Courier New", sans-serif ;
        white-space: pre;
    }
    
    pre {
        background: #D8F4DC;
        border: 1px solid rgb(200, 200, 200);
        padding-top: 1em;
        padding-left: 3em;
        padding-bottom: 1em;
        margin-top: 1em;
        margin-bottom: 3em;
        
    }
    
    p {
        margin: 2em 0;
    }
  </style>
<script type="text/javascript" language="javascript">
	$(document).ready(
			function() {
				s1 = [ [ 'Sony', 17 ], [ 'Samsumg', 13.3 ], [ 'LG', 14.7 ], [ 'LG', 14.7 ], [ 'LG', 14.7 ], [ 'LG', 14.7 ], [ 'LG', 14.7 ], [ 'LG', 14.7 ],
						[ 'Vizio', 5.2 ], [ 'Insignia', 0.2 ] ];

				plot1 = $.jqplot('chart1', [ s1 ], {
					grid : {
						drawBorder : false,
						drawGridlines : false,
						background : '#ffffff',
						shadow : false
					},
					axesDefaults : {

					},
					seriesDefaults : {
						renderer : $.jqplot.PieRenderer,
						rendererOptions : {
							dataLabels: 'percent',
							showDataLabels : true
						}
					},
					legend : {
						show : true,
						rendererOptions : {
							numberRows : 1
						},
						location : 's'
					}
				});
			});
</script>
</head>
<body>
	<div id="chart1"
		style="margin-top: 20px; margin-left: 20px; width: 600px; height: 600px;"></div>
</body>
</html>